<script setup>
import WOW from "wow.js";
import {ref, onMounted, reactive, onUpdated, defineProps} from "vue";
import {useRouter, useRoute} from "vue-router";
import {getshop} from "../../api/index";

const prop = defineProps({
  msg: String,
  bac: {default: false},
});
console.log(prop.bac);
const router = useRouter();

const handleSelect = (e) => {
  console.log(e);
  router.push({
    name: `${e}`,
  });
};

const denglu = () => {
  activeIndex2.value = 88;
  router.push({
    name: "login",
  });
};

const activeIndex2 = ref("Customer");






</script>

<template>
  <div style="padding: 0 20px;">
    <header
      class="header"
      style="display: flex; justify-content: space-between"
    >
      <!-- <div
        style="
        width: 100%;
          margin-left: 20px;
          width: 150px;
          border-radius: 10px;
          background-color: #fff;
        "
      >
        <el-menu
          style=""
          :default-active="activeIndex2"
          class="el-menu-demo"
          mode="vertical"
          background-color=""
          active-text-color="rgb(78 168 185)"
          @select="handleSelect"
        >
          <el-menu-item
            style="
              text-align: center;
              font-weight: 700;
              font-size: 14px;
              border-bottom: 1px solid #efefef;
            "
            index="Customer"
            >客户消息</el-menu-item
          >
       
        </el-menu>
      </div> -->
      <div
        style="
          position: relative;
          width:98%;
          height: calc(100vh - 70px);
          background-color: #fff;
          margin-left: 20px;
          border-radius: 10px;
          padding: 10px 20px 20px 20px;
        "
      >
      
          <router-view />
      
      </div>
    </header>
  </div>
</template>

<style scoped>
.header {
  width: 100%;
}

:deep(.tableRowClassName .el-table__cell.is-leaf) {
  background: #eeeff3 !important;
  color: #000 !important;
}
.setSuccess {
  background: green !important;
  color: white !important;
}







.setHeight {
  color: blue !important;
}
</style>
